body {
    background-color: #f4f4f4;
    position: relative;
    header {
        width:100%;
        height: 0.88rem;
        line-height: 0.88rem;
        background-color: #f5445d;
        text-align: center;
        position: relative;
        color: #FEF0F2;
        font-size: 0.36rem;
        a {
            position: absolute;
            height: 0.88rem;
            width: 1rem;
            text-align: center;
            left: 0;
            img {
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
    }
    .main {
        .address {
            background-color: #fff;
            margin-bottom: 0.2rem;
            .icon {
                height: 1.6rem;
                width: 0.73rem;
                padding: 0.62rem 0.2rem;
                background: url(../images/shopCartSprite.png) no-repeat 0 0 ; 
                background-size: 2.82rem 2.02rem;
                background-clip: content-box;
                background-origin: content-box; 
            }
            .content {
                width: 6.25rem; 
                height: 1.6rem;
                padding: 0.2rem 0;
                .top {
                    span {
                        font-size: 0.32rem;
                        color: #282828;
                        vertical-align: middle;
                    }
                    input {
                        border: 0;
                        height: 0.35rem;
                        padding:0 0.2rem;
                        line-height: 0.37rem;
                        background-color: #f5445d;
                        color:#fff;
                        font-size: 0.24rem;
                        text-align: center;
                        border-radius: 0.175rem;
                        vertical-align: middle;
                        // margin-top: -1px;
                        // margin-bottom: 2px;
                    }
                }
                .bottom {
                    color: #505050;
                    font-size: 0.28rem;
                }
            } 
            .edit {
                height: 1.6rem;
                width: 0.52rem;
                padding: 0.68rem 0.18rem;
                background: url("../images/shopCartSprite.png") no-repeat -2.2rem -0.6rem;
                background-size: 2.82rem 2.02rem;
                background-clip: content-box;
                background-origin: content-box;  
            }
        }
        .order {
            background-color: #FFF; 
            h3 {
                height: 0.8rem;
                line-height: 0.8rem;
                padding-left: 0.2rem;
                color: #282828;
                font-size: 0.32rem;  
            }
            .product {
                li {
                    padding: 0.1rem 0.2rem;
                    margin-bottom: 0.1rem;
                    background-color: #f4f4f4;
                    img {
                        display: block;
                        width: 1.88rem;
                        height: 1.88rem;
                        margin-right: 0.2rem;
                    }
                    .infor {
                        width: 5.02rem;
                        height: 1.88rem;;
                        padding: 0.2rem 0;
                        position: relative;
                        p{
                            span {
                                color: #282828;
                                font-size: 0.24rem;
                            }
                        }
                        .detail {
                            width: 100%;
                            position: absolute;
                            bottom: 0.2rem;
                            .price {
                                color: #f5445d;
                                font-size: 0.28rem;
                                float: left;
                                margin-right: 0.1rem;
                            }
                            del {
                                color:#808080;
                                font-size: 0.2rem;
                            }
                            .num {
                                color: #808080;
                                font-size: .24rem;
                                float: right;
                            }
                        }
                    }
                    &:last-of-type {
                        margin: 0;
                    }
                }   
            }
            .option {
                li {
                    height: 0.76rem;
                    margin-left: 0.2rem;
                    padding-right: 0.2rem;
                    border-bottom: 1px solid #eaeaea;
                    line-height: 0.75rem;
                    span {
                        font-size: 0.28rem;
                        color: #282828;
                    }
                    .arrow {
                        height: 0.22rem;
                        width: 0.12rem;
                        background: url("../images/shopCartSprite.png") no-repeat -2.2rem -0.6rem;
                        background-size: 2.82rem 2.02rem;
                        background-clip: content-box;
                        background-origin: content-box; 
                        margin-left: 0.1rem;
                        margin-top: 0.27rem;
                    }
                    .words {
                        border: 0;
                        width:80%;
                        padding-left: 0.2rem;
                        font-size: 0.28rem;
                        &::-webkit-input-placeholder
                        {
                            color: #a5a5a5;
                        }
                        /* 使用webkit内核的浏览器 */
                        &::-moz-placeholder
                        {
                            color: #a5a5a5;
                        }
                        /* Firefox版本4-18 */
                        &::-moz-placeholder
                        {
                            color: #a5a5a5;
                        }
                        /* Firefox版本19+ */
                        &:-ms-input-placeholder
                        {
                            color: #a5a5a5;
                        }
                    }
                }
            }
            .orderPrice {
                text-align: right;
                padding: 0.2rem;
                span {
                    color: #505050;
                    font-size: 0.28rem;
                }
                .proPrice,.freight {
                    color: #f5445d;
                }
            }
        }
        .commit {
            position: absolute;
            bottom: 0;
            width: 100%;
            .fl {
                background-color: #fff; 
                border-top: 1px solid #cbcbcb;
                width: 5.5rem;
                height: 1.2rem;
                line-height: 1.2rem;
                text-align: right;
                padding-right: 0.2rem;
                span {
                    font-size: 0.32rem;
                    &.amount {
                        color: #f5445d;
                    }
                }
            }
            input {
                display: inline-block;
                font-size: 0.32rem;
                color: #fff;
                width: 2rem;
                height: 1.2rem;
                border: 0;
                background-color: #f5445d;
            }
        }
    }
}